<!DOCTYPE html>
<html>
<head>
<title>首 页</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<base href="<?php echo site_url('')?>">
<link rel="stylesheet" href="css/bone-yellow.css?v=1.4.4">
<link rel="stylesheet" href="font/iconfont.css">
<script src="js/zepto.min.js"></script>
<script type="text/javascript">
var SITE_URL = "<?php echo site_url('')?>";
var BASE_URL = "<?php echo base_url('')?>";
</script>
<style media="screen">
.list {
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.list,
.list-hack {
position: relative;
}
.list .up-fresh,
.list-hack .up-fresh,
.list .down-fresh,
.list-hack .down-fresh {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
				justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
				align-items: center;
overflow: hidden;
}
.list .up-fresh p,
.list-hack .up-fresh p,
.list .down-fresh p,
.list-hack .down-fresh p {
color: #999;
}
.list .up-fresh p i,
.list-hack .up-fresh p i,
.list .down-fresh p i,
.list-hack .down-fresh p i {
font-size: 30.8px;
display: block;
line-height: 1em;
}
.list .up-fresh p span,
.list-hack .up-fresh p span,
.list .down-fresh p span,
.list-hack .down-fresh p span {
font-size: 12px;
}
.list .up-fresh,
.list-hack .up-fresh {
left: 0;
right: 0;
bottom: -58px;
}
.list .down-fresh,
.list-hack .down-fresh {
left: 0;
right: 0;
top: -58px;
}
.list .list-item,
.list-hack .list-item {
position: relative;
}
.list .list-item-arrow,
.list-hack .list-item-arrow {
position: relative;
}
.list .list-item-arrow:before,
.list-hack .list-item-arrow:before {
content: '\e61c';
font-family: iconfont;
height: 20px;
line-height: 20px;
font-size: 14px;
color: #d4d4d4;
position: absolute;
right: 14px;
top: 50%;
margin-top: -10px;
}
.list-box {
background: #fff;

}
.list-box .list-item {

}
.list-box .list-item:last-child {
border-bottom: 0 !important;
background: none;
}
.menu-vertical-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
background: none;
border: 0;
min-height: 53.9px;
-webkit-box-align: center;
		-ms-flex-align: center;
				align-items: center;
}
.menu-vertical-item .menu-icon {
text-align: center;
padding-right: 14px;
padding-left: 5.6px;
color: #84CCC9;
font-size: 22px;
line-height: 1em;
}
.menu-vertical-item .menu-icon i {
font-size: 22px;
}
.menu-vertical-item .menu-icon img {
width: 30px;
vertical-align: bottom;
}
.menu-vertical-item .menu-icon-font {
text-align: center;
padding-right: 14px;
padding-left: 5.6px;
font-size: 16px;
line-height: 1em;
}
.menu-vertical-item .menu-body {
-webkit-box-flex: 1;
		-ms-flex: 1;
				flex: 1;
padding: 8px 0;
text-align: left;
font-size: 16px;
line-height: 1.1em;
}
.menu-vertical-item .menu-dock {
padding-right: 14px;
line-height: 1em;
}
.notice-p p{
	padding: 0;
	margin:0;
}
</style>
<script src="js/bone.js?v=1.2.9"></script>
<style>
	[v-cloak] { display: none }
</style>

<style>
.bo-checked-addon:before {
  position: absolute;
  right: -8px;
  top: -3.2px;
  font-family: iconfont;
  content: '\e628';
  font-size: 16px;
  color: #999;
}
</style>
</head>
<body id="app" v-cloak>
	<header-layout title=''>
		学生营养餐订餐系统
		<header-dock align='right'>
			<a href="<?php echo site_url('/user'); ?>"><icon type="people"></icon></a>
		</header-dock>
	</header-layout>



	<layout-main>
		<layout-box p="1010" style="margin-bottom:10px;">
		<grid-row>
			<grid-col size="3">
				<menu-square href="<?php echo site_url('user'); ?>" title="个人中心" color="#88C7E3" type="people"></menu-square>
			</grid-col>
			<grid-col size="3">
				<menu-square href="<?php echo site_url('order/myorder'); ?>" color="#FA9A61" title="我的订单"  type="sort"></menu-square>
			</grid-col>
			<grid-col size="3">
				<menu-square href="<?php echo base_url('/general.html#/messages/list?back=').site_url('/home'); ?>" title="通 知" color="#FFB30F" type="voice"></menu-square>
			</grid-col>
			<grid-col size="3">
				<menu-square href="<?php echo site_url('user/edit'); ?>" title="我的资料" color="#FF6633" type="profile"></menu-square>
			</grid-col>
		</grid-row>
		</layout-box>
		<?php if(isset($message)){ ?>
		<div class="" style="margin-bottom:10px;">
			<a href="<?php echo base_url('/general.html#/messages/list?back=').site_url('/home'); ?>">
			<ul class="list list-box">
				<li class="list-item  list-item-arrow" style="min-height: 56px;padding-left:10px;"><div class="menu-vertical-item"><div class="menu-icon p0002"><img src="" alt=""></div>
				<div class="menu-body">
					<span class="font-normal"><?=$message['time']?></span>
					<div class="font-sm font-light notice-p" style="height:30px;line-height:30px;overflow:hidden;padding: 0.2em 0; padding-right: 35px;">
						<?=$message['content']?>
					</div></div></div>
				</li>
			</ul>
			</a>
		</div>
	<?php } ?>
	<style media="screen">
	.bo-side-p{
		position: relative;
	}
		.bo-side-p .sidemenu-absolute{
			position: absolute;
			left:0;
			top:0;
		}
	</style>
		<?php if($order != 1){ ?>
		<div class="bo-side-p" style="background:#fff;">
			<?php if($order != 1){ ?>
			<section class="bo-layout-sidemenu sidemenu-absolute" style="top:0;">
				<tabs-side>
					<tabs-item-side v-for="item in tabs" :disable="item.disable" :tag="item.tag" :id="item.id" :current="item.current">{{item.content}}</tabs-item-side>
				</tabs-side>
			</section>
			<?php }  ?>
			<list v-ref:mylist>
				<div class="title" v-if="has.breakfast">
					早 餐
				</div>
				<list-item   v-for="item in data" >
					<layout-box class="pro-box" p="1111" v-if="item.obj.type==1">
						<product :data="item.obj" @product-buy="buy" @product-intro="goDetail" max="1"></product>
						<div class="flag">
							剩余{{item.obj.stock}}份
						</div>
					</layout-box>
				</list-item>
				<div class="title">
					中 餐
				</div>
				<list-item v-if="has.lunch" v-for="item in data" >
					<layout-box class="pro-box" p="1111" v-if="item.obj.type==2">
						<product :data="item.obj" @product-buy="buy" @product-intro="goDetail" max="1"></product>
						<div class="flag">
							剩余{{item.obj.stock}}份
						</div>
					</layout-box>
				</list-item>
				<div class="title" v-if="has.dinner">
					晚 餐
				</div>
				<list-item  v-for="item in data" >
					<layout-box class="pro-box" p="1111" v-if="item.obj.type==3">
						<product :data="item.obj" @product-buy="buy" @product-intro="goDetail" max="1"></product>
						<div class="flag">
							剩余{{item.obj.stock}}份
						</div>
					</layout-box>
				</list-item>
			</list>
		</div>
		<?php } else {  ?>
			<div class="none" style="background:#fff;padding:20px 0 40px 0">
				<div class="">
						<i class="icon iconfont icon-roundcheckfill" style="font-size:68px;color:#FFA746"></i>
				</div>
				<div class="" style="font-size:16px;">
						本周已订餐
				</div>
			</div>
		<?php }   ?>


	</layout-main>

	<shopping-dock :total="total" @shoppingdock-go="gotoshp"></shopping-dock>
	<style media="screen">
	.pro-box{
		position: relative;
	}
	.pro-box .flag{
		position: absolute;
		left:14px;
		top:14px;
		background: rgb(255, 102, 51);
		color: #fff;

		padding:0 5px;
	}
	.title{
		text-align: left;
		padding:10px 0 5px 0;
		margin:0 15px;
		background: #fff;
		border-bottom:1px #eee solid;
	}
	</style>
	<script>
		var TOTAL = <?php echo $total;?>;
		var DATE = <?=json_encode($date)?>;
		var MSG= <?=json_encode($message)?>;
	</script>
	<script src="js/index.build.js?v=1.2.4"></script>
</body>
</html>
